<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta content="" name="Keywords" id="keywords">
		<meta content="" name="description" id="description">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title>UTo悠途信息技术有限公司 - 联系我们</title>
		<link rel="shortcut icon" href="images/public/favicon.ico">
		<!--  css start  -->
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/public.css">
		<!--  css end  -->
	</head>

	<body>

		<div id="dialog"></div>
		<!--  header  -->
		<header id="header">
			<img src="images/logo.png" alt="UTo" id="logo">
			<a id="menu-btn" href="javascript:void(0);">
				<span class="top"></span>
				<span class="mid"></span>
				<span class="bot"></span>
			</a>
		</header>
		<!--  menu  -->
		<div id="menu">
			<ul>
				<li class="">
					<a href="index.html">首页</a>
				</li>
				<li class="">
					<a href="net-car.html">产品介绍</a>
				</li>
				<li class="">
					<a href="solution.html">解决方案</a>
				</li>
				<li class="">
					<a href="medical.html">绿色医疗</a>
				</li>
				<li class=""><a href="company-introduce.html">关于UTo</a></li>
				<li class="on">
					<a href="touch.html">加入UTo</a>
				</li>
			</ul>
		</div>

		<div id="bread">
			<ul>
				<li class="" style="width:50%">
					<a href="touch.html">联系我们</a>
				</li>
				<li class="on" style="width:50%">
					<a href="recruit.html">招才纳士</a>
				</li>
			</ul>
		</div>

		<!--  内容区  -->
		<div id="content" class="container">
			<ul class="recruitList" id='news-list'>
			</ul>
			<a href="javascript:;" id="more" class="none" style="margin-top: 1.8rem;">查看更多</a>
		</div>
		<script type="text/x-jquery-tmpl" id="Newstmpl">
			<li>
				<p class="station">${newsName}</p>
				<p class="askFor">${newsSummary} ${description}</p>
				<div class="askDetail">
					<a class="btn-look" newsId='${newsId}' href="javascript:void(0)">查看详细要求></a>
					<div class="askDetailbox"></div>
				</div>
			</li>

		</script>

		<script type="text/x-jquery-tmpl" id="newsDetail">
			{{html newsContent}}
		</script>
		<!--footer-->
		<div id="footer">
			<p id="copyright">版权所有&copy;2015-<span id="nowYear"></span> 成都悠途信息技术有限公司
				<br>蜀ICP备15023964号-1</p>
		</div>

		<!--  JS 引入 start  -->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.tmpl.min.js"></script>
		<script src="js/public.js"></script>
		<script type="text/javascript">
			$(function() {
				$(document).on('click', '.btn-look', function() {
					var _this = this;
					$(this).next("div").toggleClass("detailUnfold");
					if($(this).next("div").hasClass("detailUnfold")) {
						Api.newsInfo({
							"newsId": $(this).attr("newsId")
						}, function(data) {
							$(_this).next('.askDetailbox').text("");
							$("#newsDetail").tmpl(data.data).appendTo($(_this).next('.askDetailbox'))
						})
					}
				})
				var pageNo = 1,
					pageSize=7,
					 count=null;
				type = type ? type : 5;

				newsList();

				function newsList() {
					Api.newsList({
						"pageNo": pageNo,
						"pageSize": pageSize,
						"type": type,
						"time": new Date().getTime()
					}, function(data) {
						$("#Newstmpl").tmpl(data.data.newsList, {

						}).appendTo($("#news-list"));

						var count = data.data.page.count;
						count < pageSize+1 ? $("#more").remove() : $("#more").removeClass("none");

						document.body.clientHeight + 200 > document.documentElement.clientHeight ? $("#footer").removeClass("foot") : $("#footer").addClass("foot");
					})
				}
				$("#more").on("click", function() {
					pageNo++;
					if(pageNo>Math.ceil(count/pageSize)){
						alert('已经加载完招聘信息');
						return
					};
					newsList();
				});
			})
			document.body.clientHeight + 180 > document.documentElement.clientHeight ? $("#footer").removeClass("foot") : $("#footer").addClass("foot");
		</script>
		<!--  JS 引入 end  -->
	</body>